<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<script type="text/javascript">
$(function(){
	$("#searchFactorBtn").click(function(){
		var factor = $("#factor").val();
		if(factor == ""){
			alert("검색어를 입력해주세요.");
			return;
		}else{
			location.href="searchsalelistbyfactor.do?factor="+encodeURIComponent(factor);
		}
	});
	
	$("#searchLocationUnivBtn").click(function(){
		var loc = $("#location").val();
		var univ = $("#univ").val();
		if(location == ""){
			alert("지역을 선택해주세요.");
			return;
		}
		location.href="searchsalelistbylocationuniv.do?location="+encodeURIComponent(loc)+"&univ="+encodeURIComponent(univ);
	});
	var op="<option value=''>대학교선택</option>";
	$("#univ").append(op);
	$("#location").change(function() {
		$.ajax({
				url:"univSelect.do",
				dataType:"json",
				data:"location="+encodeURIComponent($(this).val()),
				success:function(univListByLocation){
					$("#univ").empty();
					op="<option value=''>대학교선택</option>";
					$("#univ").append(op);
					$.each(univListByLocation,function(index, univ){							
						op="<option value="+univ+">"+univ+"</option>";
						$("#univ").append(op);
					});						
				}//success
			});//ajax
		});//change
		
	});
function showPhone(id,sessionMvo){
	var condition="width=400, height=350, top=100,left=1480";
	if(sessionMvo==""){
		alert("로그인하셔야 이용 가능합니다.");
		return false;
	}
	window.open("auth_findById.do?id="+encodeURIComponent(id),"휴대폰 번호",condition);
}
function sendMsg(sessionMvo,recId,title,version,price){
	var bookInfo = "책제목 : "+ title + " / " + "개정정보 : " + version + " / " + "희망가격 : " + price + "원";
	if(sessionMvo==""){
		alert("로그인하셔야 이용 가능합니다.");
		return false;
	}	

	var sessionStatus='${sessionScope.mvo.id }';
	if(sessionStatus==recId){
		alert("본인 상품은 Pick 하실 수 없습니다");
		return false;
	}	
	
	$.ajax({
		url:"auth_sendMsg.do",
		data:"recId="+recId+"&bookInfo="+encodeURIComponent(bookInfo)+"&bookType="+encodeURIComponent("판매도서"),
		success:function(data){
			alert("Pick 메시지 전송을 성공하였습니다.");
		},
		error:function(xhr,status,error){
			alert("전송 실패 : "+status.error);
		}
	});//ajax
}
</script>
<form>
<fieldset>
<legend><h2>판매도서
<a href="auth_moveSaleRegister.do">
<img src="${initParam.root }img/plus.png" title="판매도서 추가"></a></h2></legend><br>
	<input type="text" id="factor" style="width:390px;" placeholder="책 제목 또는 저자 또는 출판사 검색">&nbsp;<input type="button" id="searchFactorBtn" value="검색">
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<select name="location" id="location" style="width:200px;">
		<option value="">지역 선택</option>
		<option value="서울특별시">서울특별시</option>
		<option value="경기도">경기도</option>
		<option value="충청도">충청도</option>
		<option value="경상도">경상도</option>
		<option value="전라도">전라도</option>
		<option value="강원도">강원도</option>
		<option value="제주도">제주도</option>
	</select> 
	<select name="univ" id="univ" style="width:200px;"></select>&nbsp;<input type="button" id="searchLocationUnivBtn" value="검색"><br><br>
<hr>
<c:choose>
	<c:when test="${requestScope.noData == false}">
		<center>조건에 맞는 도서가 없습니다.</center>
	</c:when>
	<c:otherwise>
<table cellpadding="5">
	<c:forEach var="sbvo" items="${requestScope.salebooklvo.list}" begin="0" end="4">
		<tr>
			<td align="center" width="200"><img src="${sbvo.image }"></td>
			<td width="600"><b><font color='#ED4C00'>${sbvo.mvo.uvo.univ }</font><br>${sbvo.title }</b><br>
				${sbvo.writer }&nbsp;&nbsp;|&nbsp; ${sbvo.publisher
				}&nbsp;&nbsp;|&nbsp; ${sbvo.version }&nbsp;&nbsp;|&nbsp;
				${sbvo.status }<br> ${sbvo.price }원
			</td>
				<td align="center" width="200">	
				<input type="button" id="pickBtn" value="Pick !" style="width:140px; height:27px; color:white; background-color:#4374D9; margin-bottom: 5px"
						title="상품 판매자에게 Pick 메시지를 보낼 수 있습니다." onclick="sendMsg('${sessionScope.mvo }','${sbvo.mvo.id }','${sbvo.title }','${sbvo.version }','${sbvo.price }')"><br>
						<input type="button" id="phoneBtn" value="판매자 휴대폰" style="width:140px;"
						title="상품 판매자의 휴대폰 번호를 확인하세요." onclick="showPhone('${sbvo.mvo.id}','${sessionScope.mvo }')">
			</td>
		</tr>
		<tr><td colspan="3"><hr></td></tr>
	</c:forEach>
</table>
<center>
<br>
<table>
	<tr>
		<td>
		<!-- 페이징 처리 -->
<%-- 이전 페이지 그룹이 있으면 이미지 보여준다.
	   이미지 링크는 현 페이지 그룹 시작페이지 번호 -1 =>
	   이전 페이지 그룹의 마지막 페이지 번호로 한다. 
 --%>
<c:if test="${requestScope.salebooklvo.pagingBean.previousPageGroup}">
	<a href="book_salebook_list.do?pageNo=${requestScope.salebooklvo.pagingBean.startPageOfPageGroup-1}">
	<img src="${initParam.root }/img/left_arrow_btn.gif"></a>
</c:if>
		</td>
		<td style="padding-bottom: 3px;">
		<%-- PagingBean 을 이용해서 현재 페이지에 해당되는 페이지그룹의
	   시작페이지~~마지막페이지까지 화면에 보여준다. 
	   이 때 현재 페이지를 제외한 나머지 페이지는 링크를 걸어
	   해당 페이지에 대한 게시물 리스트 조회가 가능하도록 한다. 
 --%>
<c:forEach var="i"
	begin="${requestScope.salebooklvo.pagingBean.startPageOfPageGroup}"
	end="${requestScope.salebooklvo.pagingBean.endPageOfPageGroup}">
	<c:choose>
		<c:when test="${requestScope.salebooklvo.pagingBean.nowPage!=i}">
			<a href="book_salebook_list.do?pageNo=${i}">&nbsp;&nbsp;${i}&nbsp;&nbsp;</a>
		</c:when>
		<c:otherwise>&nbsp;&nbsp;${i}&nbsp;&nbsp;</c:otherwise>
	</c:choose>
</c:forEach>
		</td>
		<td>
		<%-- 다음 페이지 그룹이 있으면 화살표 이미지를 보여준다.
		이미지 링크는 현재 페이지 그룹의 마지막 번호 + 1 => 
		다음 그룹의 시작 페이지로 링크한다. 
		right_arrow_btn.gif
 --%>
<c:if test="${requestScope.salebooklvo.pagingBean.nextPageGroup}">
	<a href="book_salebook_list.do?pageNo=${requestScope.salebooklvo.pagingBean.endPageOfPageGroup+1}">
		<img src="${initParam.root }/img/right_arrow_btn.gif">
	</a>
</c:if>
		</td>
	</tr>
</table>
</c:otherwise>
</c:choose>
<br><br>
</fieldset>
</form>
</center>


	
